@charset "utf-8";
/* CSS Document */

html, body { padding:0; margin:0; font:12px "Trebuchet MS", sans-serif; min-width:900px; }
.layout {  background-color:#eee; margin:5px; border:1px solid #ccc; color:#888; }

#header { height:80px; }
#nav { height:30px; }

h2 { margin:5px; padding:10px; font:bold 14px; border:1px outset #ccc; background-color:#ddd; }
h2 span.ui-icon { float:left; margin-top:3px; }
h3 { margin:5px; color:black; }
button { font:11px "Trebuchet MS", sans-serif; }

.container { padding:10px; display:none; margin:5px; }
.cart-list { width:100%; border:1px solid white; border-collapse:collapse; color:#555; }
.cart-list th, .cart-list td { text-align:left; padding:5px; }
.cart-list th { border-bottom:2px solid #bbb; color:black; }
.cart-list tr { border-bottom:1px solid #bbb; }
.cart-list tbody tr:hover { background-color: #f5f5f5; }
.cart-list tbody tr.edit, .cart-list tbody tr.edit:hover { background-color: #faf7e1; }
.cart-list .td100 { width:100px; }
.cart-list .pro { vertical-align:top; }
.cart-list .attr { margin:5px; padding:10px 0 0 0; }
.cart-list .attr span.span-attr { margin-right:20px; }
.cart-list .required { font-weight:bold; color:#cd0a0a; }

.cart-list a.button, .cart-list .attr span.edit { padding: .2em .4em .2em 1.5em; position:relative; }
.cart-list a.button span.ui-icon, .cart-list .attr span.edit span.ui-icon { position:absolute; margin:0; top:.3em; }
.cart-list a.button.ui-state-none:hover { color:#000; }
.cart-list a.button.ui-state-none { color:#888; }

.cart-list a.button.btn-save { display:none; }
.attr a.button { margin-right:20px; }


#info-empty { text-align:center; border:1px solid gray; height:100px; padding:32px 0 0 0; display:none; }

.uibutton { padding: .4em .4em .4em 1.8em; position:relative; color:#888; }
.uibutton span.ui-icon { position:absolute; margin:0; top:.3em; left:.2em; }

.thumb { width:70px; }

#dialog-delete-confirm { display:none; }

